// const { func } = require("joi");

// 向服务器端发送请求 获取文章列表数据
$.ajax({
    type: 'get',
    url: '/posts',
    success: function(res) {
        var html = template('postsTpl', res);
        $('#postsBox').html(html);
        var page = template('pageTpl', res);
        $('#page').html(page);
    }
});



// 分页
function changePage(page) {
    // 向服务器端发送请求 获取文章列表数据
    $.ajax({
        type: 'get',
        url: '/posts',
        data: {
            page: page
        },
        success: function(res) {
            var html = template('postsTpl', res);
            $('#postsBox').html(html);
            var page = template('pageTpl', res);
        }
    });
}

// 向服务器端发送请求 索要分类数据
$.ajax({
    type: 'get',
    url: '/categories',
    success: function(res) {
        // console.log(res)
        var html = template('categoryTpl', { data: res });
        $('#categoryBox').html(html);
    }
})




// 当用户进行文章列表筛选的时候
$('#filterForm').on('submit', function() {
    // 获取到管理员选择的过滤条件
    var formData = $(this).serialize();
    // 向服务器端发送请求 根据条件索要文章列表数据
    var state = $('[name=state]').val()
    var obj = {}
    obj.records = []
    console.log(state);
    $.ajax({
        type: 'get',
        url: '/posts',
        data: formData,
        success: function(res) {
            console.log(res);
            res.records.forEach(function(value) {
                if (value.state == state) {
                    obj.records.push(value)
                }

            })
            console.log(obj.records);

            var html = template('postsTpl', obj);
            $('#postsBox').html(html);
            var page = template('pageTpl', obj);
            $('#page').html(page);
        }
    });
    // 阻止表单默认提交行为
    return false;
});



// 当删除按钮被点击的时候
$('#postsBox').on('click', '.delete', function() {
    // 弹出删除确认框 和管理员确认是否真的要进行删除操作
    if (confirm('您真的要进行删除操作吗')) {
        // 获取到管理员要删除的文章的id
        var id = $(this).attr('data-id');
        // 向服务器端发送请求 执行删除操作
        $.ajax({
            type: 'delete',
            url: '/posts/' + id,
            success: function() {
                window.location.reload();
            }
        })
    }
});



$(function() {
    //退出登录
    var layer = layui.layer
        // 点击按钮，实现退出功能
    $('.fa-sign-out').parent().on('click', function() {
        // 提示用户是否确认退出
        layer.confirm('确定退出登录?', { icon: 5, title: '提示' }, function(index) {
            //do something
            // 1. 清空本地存储中的 token
            // localStorage.removeItem('token')
            // 2. 重新跳转到登录页面
            location.href = 'login.html'

            // 关闭 confirm 询问框
            layer.close(index)
        })
    })

})